.shooting span {
  position: absolute;
}

.shooting span:nth-child(31) {
  margin-left: -420px;
  bottom: -10%;

  width: 3px;
  height: 5vh;
  background: linear-gradient(to bottom, transparent, #03e9f4);
  animation: move5 3s linear infinite;
  animation-direction: reverse;
  animation-timing-function: cubic-bezier(0.075, 0.1, 0.2, 1);

}

.shooting span:nth-child(30) {
  margin-left: -400px;
  bottom: -10%;

  width: 3px;
  height: 7vh;
  background: linear-gradient(to bottom, transparent, #03e9f4);
  animation: move5 3s linear 0.25s infinite;
  animation-direction: reverse;
  animation-timing-function: cubic-bezier(0.075, 0.1, 0.2, 1);

}

.shooting span:nth-child(29) {
  margin-left: -380px;
  bottom: -10%;

  width: 3px;
  height: 9vh;
  background: linear-gradient(to bottom, transparent, #03e9f4);
  animation: move5 3s linear 0.5s infinite;
  animation-direction: reverse;
  animation-timing-function: cubic-bezier(0.075, 0.1, 0.2, 1);

}

.shooting span:nth-child(28) {
  margin-left: -360px;
  bottom: -10%;

  width: 3px;
  height: 11vh;
  background: linear-gradient(to bottom, transparent, #03e9f4);
  animation: move5 3s linear 0.75s infinite;
  animation-direction: reverse;
  animation-timing-function: cubic-bezier(0.075, 0.1, 0.2, 1);

}

.shooting span:nth-child(27) {
  margin-left: -340px;
  bottom: -10%;

  width: 3px;
  height: 13vh;
  background: linear-gradient(to bottom, transparent, #03e9f4);
  animation: move5 3s linear 1s infinite;
  animation-direction: reverse;
  animation-timing-function: cubic-bezier(0.075, 0.1, 0.2, 1);

}


.shooting span:nth-child(26) {
  margin-left: -320px;
  bottom: -10%;

  width: 3px;
  height: 15vh;
  background: linear-gradient(to bottom, transparent, #03e9f4);
  animation: move5 3s linear 1.25s infinite;
  animation-direction: reverse;
  animation-timing-function: cubic-bezier(0.075, 0.1, 0.2, 1);

}


.shooting span:nth-child(25) {
  margin-left: -300px;
  bottom: -10%;

  width: 3px;
  height: 17vh;
  background: linear-gradient(to bottom, transparent, #03e9f4);
  animation: move5 3s linear 1.5s infinite;
  animation-direction: reverse;
  animation-timing-function: cubic-bezier(0.075, 0.1, 0.2, 1);

}




.shooting span:nth-child(24) {
  margin-left: -280px;
  bottom: -10%;

  width: 3px;
  height: 19vh;
  background: linear-gradient(to bottom, transparent, #03e9f4);
  animation: move5 3s linear 1.75s infinite;
  animation-direction: reverse;
  animation-timing-function: cubic-bezier(0.075, 0.1, 0.2, 1);

}




.shooting span:nth-child(23) {
  margin-left: -260px;
  bottom: -10%;

  width: 3px;
  height: 19vh;
  background: linear-gradient(to bottom, transparent, #03e9f4);
  animation: move5 3s linear 2s infinite;
  animation-direction: reverse;
  animation-timing-function: cubic-bezier(0.075, 0.1, 0.2, 1);

}




.shooting span:nth-child(22) {
  margin-left: -240px;
  bottom: -10%;

  width: 3px;
  height: 19vh;
  background: linear-gradient(to bottom, transparent, #03e9f4);
  animation: move5 3s linear 2.25s infinite;
  animation-direction: reverse;
  animation-timing-function: cubic-bezier(0.075, 0.1, 0.2, 1);

}


.shooting span:nth-child(21) {
  margin-left: -220px;
  bottom: -10%;

  width: 3px;
  height: 19vh;
  background: linear-gradient(to bottom, transparent, #03e9f4);
  animation: move5 3s linear 2.5s infinite;
  animation-direction: reverse;
  animation-timing-function: cubic-bezier(0.075, 0.1, 0.2, 1);

}


.shooting span:nth-child(20) {
  margin-left: -200px;
  bottom: -10%;

  width: 3px;
  height: 19vh;
  background: linear-gradient(to bottom, transparent, #03e9f4);
  animation: move5 3s linear 2.75s infinite;
  animation-direction: reverse;
  animation-timing-function: cubic-bezier(0.075, 0.1, 0.2, 1);

}

.shooting span:nth-child(19) {
  margin-left: -180px;
  bottom: -10%;

  width: 3px;
  height: 19vh;
  background: linear-gradient(to bottom, transparent, #03e9f4);
  animation: move5 3s linear 3s infinite;
  animation-direction: reverse;
  animation-timing-function: cubic-bezier(0.075, 0.1, 0.2, 1);

}

.shooting span:nth-child(18) {
  margin-left: -160px;
  bottom: -10%;

  width: 3px;
  height: 19vh;
  background: linear-gradient(to bottom, transparent, #03e9f4);
  animation: move5 3s linear 3.25s infinite;
  animation-direction: reverse;
  animation-timing-function: cubic-bezier(0.075, 0.1, 0.2, 1);



}

.shooting span:nth-child(17) {
  margin-left: -140px;
  bottom: -10%;

  width: 3px;
  height: 19vh;
  background: linear-gradient(to bottom, transparent, #03e9f4);
  animation: move5 3s linear 3s infinite;
  animation-direction: reverse;
  animation-timing-function: cubic-bezier(0.075, 0.1, 0.2, 1);



}

.shooting span:nth-child(16) {
  margin-left: -120px;
  bottom: -10%;

  width: 3px;
  height: 19vh;
  background: linear-gradient(to bottom, transparent, #03e9f4);
  animation: move5 3s linear 2.75s infinite;
  animation-direction: reverse;
  animation-timing-function: cubic-bezier(0.075, 0.1, 0.2, 1);


}

.shooting span:nth-child(15) {
  margin-left: -100px;
  bottom: -10%;

  width: 3px;
  height: 19vh;
  background: linear-gradient(to bottom, transparent, #03e9f4);
  animation: move5 3s linear 2.5s infinite;
  animation-direction: reverse;
  animation-timing-function: cubic-bezier(0.075, 0.1, 0.2, 1);


}

.shooting span:nth-child(14) {
  margin-left: -80px;
  bottom: -10%;

  width: 3px;
  height: 19vh;
  background: linear-gradient(to bottom, transparent, #03e9f4);
  animation: move5 3s linear 2.25s infinite;
  animation-direction: reverse;
  animation-timing-function: cubic-bezier(0.075, 0.1, 0.2, 1);


}

.shooting span:nth-child(13) {
  margin-left: -60px;
  bottom: -10%;

  width: 3px;
  height: 19vh;
  background: linear-gradient(to bottom, transparent, #03e9f4);
  animation: move5 3s linear 2s infinite;
  animation-direction: reverse;
  animation-timing-function: cubic-bezier(0.075, 0.1, 0.2, 1);


}

.shooting span:nth-child(12) {
  margin-left: -40px;
  bottom: -10%;
  width: 3px;
  height: 19vh;
  background: linear-gradient(to bottom, transparent, #03e9f4);
  animation: move5 3s linear 1.75s infinite;
  animation-direction: reverse;
  animation-timing-function: cubic-bezier(0.075, 0.1, 0.2, 1);


}

.shooting span:nth-child(11) {
  margin-left: -20px;
  bottom: -10%;

  width: 3px;
  height: 17vh;
  background: linear-gradient(to bottom, transparent, #03e9f4);
  animation: move5 3s linear 1.5s infinite;
  animation-direction: reverse;
  animation-timing-function: cubic-bezier(0.075, 0.1, 0.2, 1);


}



.shooting span:nth-child(10) {
  margin-left: 0px;
  bottom: -10%;
  width: 3px;
  height: 15vh;
  background: linear-gradient(to bottom, transparent, #03e9f4);
  animation: move5 3s linear 1.25s infinite;
  animation-direction: reverse;
  animation-timing-function: cubic-bezier(0.075, 0.1, 0.2, 1);



}

.shooting span:first-child {
  margin-left: 20px;
  bottom: -10%;

  width: 3px;
  height: 13vh;
  background: linear-gradient(to bottom, transparent, #03e9f4);
  animation: move5 3s linear 1s infinite;
  animation-direction: reverse;
  animation-timing-function: cubic-bezier(0.075, 0.1, 0.2, 1);


}


.shooting span:nth-child(2) {
  margin-left: 40px;
  bottom: -10%;

  width: 3px;
  height: 11vh;
  background: linear-gradient(to bottom, transparent, #03e9f4);
  animation: move5 3s linear 0.75s infinite;
  animation-direction: reverse;
  animation-timing-function: cubic-bezier(0.075, 0.1, 0.2, 1);


}



.shooting span:nth-child(3) {
  margin-left: 60px;
  bottom: -10%;


  width: 3px;
  height: 9vh;
  background: linear-gradient(to bottom, transparent, #03e9f4);
  animation: move5 3s linear 0.5s infinite;
  animation-direction: reverse;
  animation-timing-function: cubic-bezier(0.075, 0.1, 0.2, 1);


}


.shooting span:nth-child(4) {
  margin-left: 80px;
  bottom: -10%;


  width: 3px;
  height: 7vh;
  background: linear-gradient(to bottom, transparent, #03e9f4);
  animation: move5 3s linear 0.25s infinite;
  animation-direction: reverse;
  animation-timing-function: cubic-bezier(0.075, 0.1, 0.2, 1);


}

.shooting span:nth-child(5) {
  margin-left: 100px;
  bottom: -10%;

  width: 3px;
  height: 5vh;
  background: linear-gradient(to bottom, transparent, #03e9f4);
  animation: move5 3s linear infinite;
  animation-direction: reverse;
  animation-timing-function: cubic-bezier(0.075, 0.1, 0.2, 1);

}


@keyframes move5 {
  0% {
    bottom: -10%
  }

  50% {
    bottom: -0%;
  }

  100% {
    bottom: -10%
  }
}